import 'https://cdn.bootcdn.net/ajax/libs/jquery/2.2.0/jquery.js';
class Reg {
    constructor() {
        this.tel = $('.tel')
        this.password = $('.password')
        this.repass = $('.repass')
        this.infomation = $('.duile');
    }


    init() {
        // alert($)

        this.repearName();
    }


    repearName() {
        let _this = this;
        let userflag = false;
        let passflag = false;
        let repassflag = false;
        $('.registry').attr('disabled', true).css({
            background: 'gray',
            cursor: 'not-allowed'
        });
        // 手机号检测
        this.tel.on('focus', function() {
            _this.infomation.eq(0).html('请输入手机号').css('color', 'gray');
        })
        this.tel.on('blur', () => {
            if (_this.tel.val() !== '') {
                var reg = /^1[3-9]\d{9}$/; //宽松
                // var reg1 = /^1([38][0-9]|4[5-9]|5[0-3,5-9]|66|7[0-8]|9[89])\d{8}$/; //严谨
                if (reg.test(this.tel.val())) {
                    // 满足验证才能发请求


                    $.ajax({
                        url: 'http://localhost/www.gome.com.cn/zkl/interface/cartlist.php',
                        data: {
                            tel: this.tel.val()
                        }
                    }).then((data) => {
                        if (data === 'true') {
                            this.infomation.eq(0).html('手机号已存在').css('color', 'red');
                            userflag = false;
                        } else {
                            this.infomation.eq(0).html('√').css('color', 'green')
                            userflag = true;
                        }
                    })
                    check()

                } else {
                    _this.infomation.eq(0).html('手机号格式有问题').css('color', 'red');
                    userflag = false;
                }
            } else {
                _this.infomation.eq(0).html('用户名不能为空').css('color', 'red');
                userflag = false;
            }
            check()

        })


        //    密码检测
        this.password.on('focus', () => {
            this.infomation.eq(1).html('请输入6-12位密码').css('color', 'gray');
        })
        this.password.on('blur', () => {
            if (this.password.val() !== '') {
                let len = this.password.val().length;
                if (len >= 6 && len <= 12) {
                    this.infomation.eq(1).html('√').css('color', 'green');
                    passflag = true;
                } else {
                    this.infomation.eq(1).html('长度有问题').css('color', 'red');
                    passflag = false;

                }
            } else {
                this.infomation.eq(1).html('密码不能为空').css('color', 'red');
                passflag = false;
            }
            check()
        })

        //    确认密码检测
        this.repass.on('blur', () => {
            if (this.repass.val() !== '') {
                if (this.password.val()) {
                    if (this.repass.val() === this.password.val()) {
                        this.infomation.eq(2).html('√').css('color', 'green');

                        repassflag = true;
                    } else {
                        this.infomation.eq(2).html('密码不匹配').css('color', 'red');
                        repassflag = false;
                    }
                } else {
                    this.infomation.eq(2).html('请先输入密码').css('color', 'red');
                    repassflag = false;
                }
            } else {
                this.infomation.eq(2).html('确认密码不能为空').css('color', 'red');
                repassflag = false;
            }

            check()
        })

        function check() {
            if (userflag && passflag && repassflag) {
                $('.registry').attr('disabled', false).css({
                    background: '#f60',
                    cursor: 'pointer'
                });
            } else {
                $('.registry').attr('disabled', true).css({
                    background: 'gray',
                    cursor: 'not-allowed'
                });
            }
        }

    }
}


export {
    Reg
}